 /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 如有问题请通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
 
/*
 * 注意：
 * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
 * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
 * 3. 完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
 *
 * 如有问题请通过以下渠道反馈：
 * 邮箱地址：weixin-open@qq.com
 * 邮件主题：【微信JS-SDK反馈】具体问题
 * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
 */
// 5 图片接口
  // 5.1 拍照、本地选图
  var images = {
    localId: [],
    serverId: []
  };

  
  

  
  
  
wx.ready(function () {
  // 1 判断当前版本是否支持指定 JS 接口，支持批量判断
  document.querySelector('#checkJsApi').onclick = function () {
    wx.checkJsApi({
      jsApiList: [
        'getNetworkType',
        'previewImage'
      ],
      success: function (res) {
        alert(JSON.stringify(res));
      }
    });
  };
 
  var images = {
		    localId: [],
		    serverId: []
		  };
  
  document.querySelector('#chooseImage').onclick = function () {
    wx.chooseImage({
      success: function (res) {
    	if(res.localIds.length > 3){
  	    	alert('选择照片不要超过3张');
  	    	return;
  	    }
    	  
        images.localId = res.localIds;
        alert('已选择 ' + res.localIds.length + ' 张图片');
      }
    });
  };
  
  
  document.querySelector('#uploadImage').onclick = function () {
	  
	    if (images.localId.length == 0) {
	      alert('还没有选择图片');
	      return;
	    }
	    var i = 0, length = images.localId.length;
	   
	    images.serverId = [];
	    function upload() {
	      wx.uploadImage({
	        localId: images.localId[i],
	        success: function (res) {
	          i++;
	          alert('已上传：' + i + '/' + length);
	          images.serverId.push(res.serverId);
	          if (i < length) {
	            upload();
	          }
	        },
	        fail: function (res) {
	          alert(JSON.stringify(res));
	        }
	      });
	    }
	    upload();
	    $('#imgIds').val(images.serverId.join());
	  };
  
  // 5.2 图片预览
  document.querySelector('#previewImage').onclick = function () {
	  wx.previewImage({
		    current: 'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg', // 当前显示图片的http链接
		    urls: ['http://img3.douban.com/view/photo/photo/public/p2152117150.jpg',
		           'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',
		           'http://img3.douban.com/view/photo/photo/public/p2152134700.jpg'] // 需要预览的图片http链接列表
		});   
  };
  

  document.querySelector('#getLocation').onclick = function () {
    wx.getLocation({
      type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
      success: function (res) {
        alert(JSON.stringify(res));
        $('#longitude').val(res.longitude);
        $('#latitude').val(res.latitude);
        
      },
      cancel: function (res) {
        alert('用户拒绝授权获取地理位置');
      }
    });
  };
  
  
});

wx.error(function (res) {
  alert(res.errMsg);
});